.kuang{border-right:1px solid #D4D4D4; border-left:1px solid #D4D4D4;height="28px",background="/images/962/sycolqh_05.gif}



<div class="divTabButtons">
            <label id="btn_feature" class="tabButton now" targid="feature">产品特性</label>
            <label id="btn_detail" class="tabButton" targid="detail">详细参数</label>
            <label id="btn_album" class="tabButton" targid="album">产品相册</label>
        </div>

        <div class="divTabs">
            <div class="divTab" tabid="feature">
                <div runat="server" class="cke_show_borders" id="div_feature"></div>
                <div runat="server" class="cke_show_borders" id="div_other"></div>
            </div>
            <div class="divTab" tabid="detail">详细参数</div>
            <div class="divTab" tabid="album">
                <MyCtl:MyAlbum ID="prodAlbum" runat="server"
                 MaxWidth="600" MaxHeight="250" />
            </div>
        </div>

    </div>    

    <script type="text/javascript">
        $(document).ready(function () {
            $(".tabButton").click(function () {
                var _targ = $(this).attr("targid");
                $(".divTab").hide();
                $(".divTab[tabid='" + _targ + "']").show();
                $(".tabButton").removeClass("now");
                $(this).addClass("now");
            });
        });
    </script>







<table width="100%" border="0" cellspacing="0" cellpadding="0" style=" border-right:1px solid #D4D4D4; border-left:1px solid #D4D4D4;" height="28" background="/images/962/sycolqh_05.gif">
            <tbody><tr>
              <td width="86" height="28" class="col1" id="three1" onmouseover="setTab('three',1,3)"><a href="/col/col11019/index.html">基层动态</a></td>
              <td width="1" bgcolor="#D4D4D4"></td>
              <td width="86" class="col2" id="three2" onmouseover="setTab('three',2,3)"><a href="/col/col10683/index.html">行业资讯</a></td>
			  <td width="1" bgcolor="#D4D4D4"></td>
              <td width="86" class="col2" id="three3" onmouseover="setTab('three',3,3)"><a href="/col/col11023/index.html">媒体聚焦</a></td>
              <td align="right" background="/images/962/sycolqh_05.gif" style="padding-right:10px;"><div id="more_three_1" style="display: block;"><a href="/col/col11019/index.html">更多</a></div><div id="more_three_2" style="display: none;"><a href="/col/col11026/index.html">更多</a></div><div id="more_three_3" style="display: none;"><a href="/col/col11023/index.html">更多</a></div></td>
            </tr>
          </tbody></table>

 /*产品详情页页面样式*/
 .divMainImgHolder { width:400px; padding:14px; border:1px solid #dadada; 
                     text-align:center; float:left;}
 .divMainImgHolder img{ max-width:85%;}
 
 .divMainInfo{ margin-left:25px; float:left;}
 .divMainInfo .labProdName{ font-size:24px; color:#444;}
 .divMainInfo hr { height:0px; border:none; border-top:1px dotted silver;}
 
 .divMainInfo table { font-size:12px; color:#444;}
 .divMainInfo td { padding:4px;}
 .divMainInfo .tdSeries { font-size:18px; color:Orange;}
 .divMainInfo .tdContent  { color:Gray;}
 
 
 
 .divTabButtons{ text-align:right; padding-right:15px;}
 .tabButton 
 {  border:1px solid silver; border-radius:4px; 
    border-bottom-left-radius:0px; border-bottom-right-radius:0px; 
    padding:6px;
    display:inline-block;
    color:Gray;font-size:14px;
    cursor:pointer;  
    background-color:#f8f8f8;   
     }
 .tabButton.now
 { background-color:White; border-bottom:1px solid white;}
 .tabButton:hover
 { color:Orange; }


.divTabs { border-top:1px solid silver; margin-top:-1px; padding:10px;}
.divTabs .divTab{ display:none;}
.divTabs .divTab[tabid='feature']{ display:block;}




/*网页全局样式开始*/
	html{
		/*页面变灰*/
		/*filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/
	}
	body
	{
		/*body基本样式开始*/
	/*背景颜色*/
	

	        background-color:#ffffff;
			font-size:9pt;	/*字体大小*/
			color:#666666;	/*字体颜色*/
			font-family:'微软雅黑';	/*字体*/
			text-align:left;	/*水平居左*/
			margin-top: 0px;	/*页面上边距*/
			margin-bottom: 0px;	/*页面下边距*/
			margin-left: 0px;	/*页面左边距*/
			margin-right: 0px;	/*页面右边距*/
		/*body基本样式结束*/

		/*body扩展样式开始*/
			scrollbar-face-color:#b9b9b9;	
			scrollbar-highlight-color:#b9b9b9;
			scrollbar-shadow-color:#b9b9b9;
			scrollbar-3dlight-color:#b9b9b9;
			scrollbar-darkshadow-color:#b9b9b9;
			scrollbar-arrow-color:#F0F0F0;
			scrollbar-track-color:#F0F0F0;
			scrollbar-base-color:#F0F0F0;

			/*拖动条的表面颜色*/
			scrollbar-face-color:#fbf6e8; MARGIN: 0px;  
			/*亮边*/  
			scrollbar-highlight-color:#fbf6e8;
			/*暗边*/
			scrollbar-shadow-color:#aaaaaa;
			scrollbar-3dlight-color:#aaaaaa; 			
			/*箭头颜色*/
			scrollbar-arrow-color:#aaaaaa;  
			/*拖动区域(TrackBar)颜色*/
			scrollbar-track-color:#fbf6e8;	
			scrollbar-darkshadow-color:#fbf6e8
		/*body扩展样式结束*/
	}

	page
	{
		width:auto;!important;
		max-width:1002px;!important;margin:0 auto; height:auto;!important;
		width:1002px;
	}

	/*页面容器初始化开始,*/
	tr,td{font-size:9pt; color:#666666; font-family:'微软雅黑'; line-height:180%;}
	/*页面容器初始化结束*/

/*网页全局样式结束*/

/*版通基本样式开始*/
	/*文章标题样式*/
	.title{font-size:16pt; font-family:'微软雅黑'; color:#666666; font-weight:bold; line-height:150%;}

	/*首页、频道页栏目默认标题列表样式 小字体*/
	.bt_link{font-size:10.5pt; font-family:'微软雅黑'; text-decoration:none; color:#666666;line-height:180%}

	/*底层栏目页标题列表及文章正文样式 大字体*/
	.bt_content{font-size:10.5pt; font-family:'微软雅黑'; text-decoration:none; color:#666666; line-height:180%;}

	/*时间显示样式*/
	.bt_time {  font-size:12px; color:#919191; FONT-FAMILY:'微软雅黑'}
	.bt_date {  font-size:7pt; color:#999999; FONT-FAMILY:Verdana}

	/*"更多"显示样式*/
	.bt_more {font-size:9pt ;text-decoration:underline; color:#666666}

	.bt_unline  {border-bottom:#999999 dashed 1px;}
/*版通基本样式结束*/

/*超链接样式开始 可自行扩展*/
	
	/*整个网页超链接样式开始*/
	a{font-family:'微软雅黑'; text-decoration:none; color:#666666; }
	a:hover{font-family:'微软雅黑'; text-decoration:none; color:#FF0000;}
	
	/*导航a链接样式*/
	a.white{font-size:16px; font-family:'微软雅黑'; color:#fffeff; font-weight:bold; height:40px; display:block; line-height:40px;}
	a.white:hover{font-size:16px; font-family:'微软雅黑'; color:#fffeff; font-weight:bold; height:40px; display:block; line-height:40px;}
	/*底部版权a链接颜色*/
	a.bottom{font-family:'微软雅黑'; text-decoration:none; color:#ffffff; font-size:12px;line-height:180%;}/*底部版权a链接颜色*/
	a.bottom:hover{font-family:'微软雅黑'; text-decoration:none; color:#ffffff; font-size:12px;line-height:180%;}/*底部版权a链接颜色*/
/*超链接样式结束*/


/* 自定义样式开始 */
	/*各种颜色样式 可自行扩展*/
	a{hide-focus: expression(this.hideFocus=true);  /* for ie 5+ */
		outline: none;  /* for firefox 1.5 + */
	}
	/*带链接的样式*/
	.top{font-family:'微软雅黑'; text-decoration:none; color:#b3b3b3; font-size:12px; line-height:180%;}/*顶部a链接样式*/	
	.bottom{font-family:'微软雅黑'; text-decoration:none; color:#ffffff; font-size:12px; line-height:180%;}/*底部版权a链接颜色*/
	a.a3{font-family:'微软雅黑'; font-size:9pt;}
	a.a4{font-family:"微软雅黑"; padding-left:50px; line-height:32px;color:#666666;font-size:14px; background:url(aa1.jpg) no-repeat center; height:54px; width:119px; display:block;}
	a.a4:hover{font-family:"微软雅黑"; color:#ea1119;font-size:14px;background:url(bb1.jpg) no-repeat center; height:54px; width:119px; display:block;}
	a.a5{font-family:"微软雅黑"; padding-left:50px; line-height:32px;color:#666666;font-size:14px; background:url(a2.jpg) no-repeat center; height:54px; width:119px; display:block;}
	a.a5:hover{font-family:"微软雅黑"; color:#ea1119;font-size:14px;background:url(b2.jpg) no-repeat center; height:54px; width:119px; display:block;}
	a.a6{font-family:"微软雅黑"; padding-left:50px; line-height:32px;color:#666666;font-size:14px; background:url(a3.jpg) no-repeat center; height:54px; width:119px; display:block;}
	a.a6:hover{font-family:"微软雅黑"; color:#ea1119;font-size:14px;background:url(b3.jpg) no-repeat center; height:54px; width:119px; display:block;}
	
	a.a7{font-family:"微软雅黑"; padding-left:50px; line-height:32px;color:#666666;font-size:14px; background:url(a4.jpg) no-repeat center; height:54px; width:119px; display:block;}
	a.a7:hover{font-family:"微软雅黑"; color:#ea1119;font-size:14px;background:url(b4.jpg) no-repeat center; height:54px; width:119px; display:block;}
	
	a.a8{font-family:"微软雅黑"; padding-left:50px; line-height:32px;color:#666666;font-size:14px; background:url(a5.jpg) no-repeat center; height:54px; width:119px; display:block;}
	a.a8:hover{font-family:"微软雅黑"; color:#ea1119;font-size:14px;background:url(b5.jpg) no-repeat center; height:54px; width:119px; display:block;}
	
	/*在线服务模块图片切换*/
	a.b1{font-family:"微软雅黑"; font-size:10pt;line-height:30px;color:#666666;font-size:12px; background:url(zxfu_20_011.jpg) no-repeat center; height:30px; width:75px; display:block; padding-left:20px;}
	a.b1:hover{font-family:"微软雅黑"; font-size:10pt; color:#ea1119;font-size:12px;background:url(zxfu_20_012.jpg) no-repeat center; height:30px; width:75px; display:block;padding-left:20px;}
	a.b2{font-family:"微软雅黑"; font-size:10pt;line-height:30px;color:#666666;font-size:12px; background:url(zxfu_20_031.jpg) no-repeat center; height:30px; width:75px; display:block;padding-left:20px;}
	a.b2:hover{font-family:"微软雅黑"; font-size:10pt; color:#ea1119;font-size:12px;background:url(zxfu_20_032.jpg) no-repeat center; height:30px; width:75px; display:block;padding-left:20px;}
	a.b3{font-family:"微软雅黑"; font-size:10pt; line-height:30px;color:#666666;font-size:12px; background:url(zxfu_20_001.jpg) no-repeat center; height:30px; width:75px; display:block;padding-left:20px;}
	a.b3:hover{font-family:"微软雅黑"; font-size:10pt; color:#ea1119;font-size:12px;background:url(zxfu_20_002.jpg) no-repeat center; height:30px; width:75px; display:block;padding-left:20px;}
	a.b4{font-family:"微软雅黑"; font-size:10pt;line-height:30px;color:#666666;font-size:12px; background:url(zxfu_20_041.jpg) no-repeat center; height:30px; width:75px; display:block;padding-left:20px;}
	a.b4:hover{font-family:"微软雅黑"; font-size:10pt; color:#ea1119;font-size:12px;background:url(zxfu_20_042.jpg) no-repeat center; height:30px; width:75px; display:block;padding-left:20px;}
	/*专题专栏第三个专题链接样式*/
	a.z1{font-family:"微软雅黑"; font-size:12px;line-height:100%;color:#fff;font-size:12px;}
	a.z1:hover{font-family:"微软雅黑"; text-decoration:underline; font-size:12px;line-height:100%;color:#fff;font-size:12px;}
	
	/*企业告诉滚动样式*/
	a.topnews{font-family:'微软雅黑'; text-decoration:none; color:#666666; font-size:9pt; line-height:180%}	
	a.topnews:hover{font-family:'微软雅黑'; text-decoration:none; color:#ff0000; font-size:9pt; line-height:180%}	
	
	/*不带链接的样式*/
	.bordbottom{ border-bottom:1px solid #e8e8e8;}
	.bj1{ background:url(2.jpg) no-repeat;}
	.bj2{ background:url(3.jpg) no-repeat;}
	.bord4{  border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
	.paddlr{ padding-left:12px; padding-right:12px; height:27px;cursor:pointer; background:url(sy__007.jpg) repeat-x; }
	.paddlr tr td{font-family:"微软雅黑"; font-size:10pt; font-weight:bold; color:#646464;}
	.bj3{ background:url(sy__003.jpg) repeat-x top; border-bottom:1px solid #d9d9d9;}
	.qygs{font-family:'微软雅黑'; font-size:14px; font-weight:bold; color:#d9d9d9;}
	

	
	
	/* 四周为1象素的边框*/
	.border1 
	{  
		BORDER-RIGHT: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid;BORDER-TOP: #666666 1px solid;background-color:#ffffff
	}

	/*表格背景图片不动*/
	/*.bgimg{background-image:url(images/图片文件);background-repeat:no-repeat;background-position:right bottom;}*/

	/*	一些滤镜的样式 慎用 */
	/* Glow 扩充的阴影字 IE4.0+*/
	.glow
	{
		FONT-SIZE: 10.5pt; 
		filter: Glow(Color=#666666, Strength=2)
	}   

	/* Gradient 渐变 gradientType=0垂直渐变 1水平渐变默认 00完全透明  ff完全不透明 IE5.5+ */
	.grad
	{
		FONT-SIZE: 10.5pt; 
		FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FF0000FF,endColorStr=#00000000)
	}	

	/* AlphaImageLoader 图片平铺  scale:拉伸图片满表格 crop:显示图片自身大小并显示背景色 image:只显示图片 IE5.5+*/
	.alphaimage
	{
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rdl_ice.jpg', sizingMethod='scale')
	} 

	/* Blur IE5.5+ 模糊阴影字*/
	.blur1
	{
		filter:progid:DXImageTransform.Microsoft.Blur(makeShadow=true,pixelRadius=1,shadowOpacity=0.25)
	}	

	/* Blur IE5.5+ 模糊阴影字*/
	.blur2
	{
		filter:blur(add=ture,direction=135,strength=6)
	}	

	/* DropShadow 有斜度的阴影字 IE4.0+ */
	.dropshadow1 
	{
		color: #ff0000;
		filter: DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1)
	}	

	/*	制作对象的阴影效果IE5.5+*/
	.dropshadow2
	{
		filter:progid:DXImageTransform.Microsoft.DropShadow(color=#FF404040,offX=3,offY=3,positives=true)
	}
/* 自定义样式结束 */

/*--------------首页图片新闻样式----------------*/
#inphoto_popup {Z-INDEX: 30; POSITION: absolute; FILTER: Alpha(Opacity=55, Style=0); BACKGROUND: #000000; TOP: -27px; LEFT: 0px; opacity: 0.55}
#inphoto_text {Z-INDEX: 40; POSITION: absolute; TOP: -27px; LEFT: 0px;}
.bigon{BACKGROUND-IMAGE:url(f_03.gif);LINE-HEIGHT: 15px; WIDTH: 15px;FONT-FAMILY: "微软雅黑";HEIGHT: 15px;COLOR: #ffffff;FONT-SIZE:12px}
.bigoff{BACKGROUND-IMAGE: url(f_05.gif);LINE-HEIGHT: 15px; WIDTH: 15px;FONT-FAMILY: "微软雅黑"; HEIGHT: 15px; COLOR: #ffffff; FONT-SIZE: 12px}

/*--------------首页通知公告样式----------------*/
.ScrCont {WIDTH: 1342177.27px}
.Cont { OVERFLOW: hidden;WIDTH: 385px;height:58px;}
.Cont .div1{WIDTH: 385px; height:58px; float:left; overflow:hidden;}
.Cont .div1 .paddingLeft{ padding-left:15px;}
.Cont #List1 {FLOAT: left}
.Cont #List2 {FLOAT: left}

/*----------- 首页丰碑工程样式 ------------*/
ul,li{list-style:none outside; padding:0; margin:0;}
img{border:0 none;}
.w_ctr .JQ-slide{width:215px;height:117px;overflow:hidden;position:relative;}
.w_ctr .JQ-slide-content{position:absolute;}/*必须要的元素*/
.w_ctr .JQ-slide-content li{width:215px;height:117px;float:left;display:inline;position:relative;}
.w_ctr .JQ-slide-content li img{width:215px;height:117px;}
.w_ctr .JQ-slide-content li span{display:block;background:black;color:white;font-size:12px;line-height:22px;position:absolute;bottom:0px;left:0;z-index:10;width:215px;overflow:hidden;filter:alpha(opacity=70);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5; height:22px; text-align:center;}
.w_ctr .JQ-slide-nav{position:absolute;bottom:5px;right:8px;z-index:30;}
.w_ctr .JQ-slide-nav li{float:left;display:inline;width:10px;height:10px;text-indent:-999em;overflow:hidden;cursor:pointer;margin-right:5px;}
.w_ctr .JQ-slide-nav li.on{background-position:-15px 0;}


/*	底部切换*/
	.xxplbj1{ cursor:pointer; color:#636363; font-weight:bold; font-size:9pt; background:url(lj_03.jpg);}
	.xxplbj2{ cursor:pointer; color:#a1a1a1; font-weight:bold; font-size:9pt; background:url(lj_05.jpg);}
	.xxplbj2 a{ cursor:pointer; color:#a1a1a1; font-weight:bold; font-size:9pt;}
	.xxplbj2 a:hover{ cursor:pointer; color:#636363; font-weight:bold; font-size:9pt;}

/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/

/*====================*/
/*=== Reset Styles ===*/
/*====================*/

body {
	line-height:1;
	color:black;
	background:white;
	margin:0;
	padding:0;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}

/*===================*/
/*=== Main Styles ===*/
/*===================*/


a, a:visited {
	color:#2d3536;
	text-decoration:none;
	border-bottom:1px dotted #826a4d;
}
a:hover, a:active {
	color:#9e805c;
	text-decoration:none;
}



/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider-wrapper {
    width:1000px;
    height:345px;
    margin:0 auto;
}

#slider {
	position:relative;
    width:1000px;
    height:345px;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:66px;
	height:66px;
	text-indent:-91000px;
	border:0;
}
a.nivo-nextNav {
	background:url(next.png) no-repeat;
	right:15px;
}
a.nivo-prevNav {
	background:url(prev.png) no-repeat;
	left:15px;
}


/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}